


<template>
  <div>
    <input type="text" v-abc />
    <p v-can="MyColor">123</p>
    <hr />
    <input type="text" v-model="msg" v-test="msg" />
    <div class="yege" v-last="acg">强啊，叶哥</div>

    <hr />
    <div class="active" v-active="2">
      <button>1</button>
      <button>2</button>
      <button>3</button>
      <button>4</button>
      <button>5</button>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      MyColor: "red",
      msg: "",
      acg: 200,
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {},
  directives: {
    abc: {
      inserted(el) {
        el.style.color = "red";
        el.focus();
      },
    },
  },
};
</script>

<style scoped>
.yege {
  width: 100px;
  height: 100px;
  background-color: green;
}
</style>
